<!DOCTYPE html>
<html lang="en">
  <? include("../common/common.php"); ?>  
	
  <body>	    
    <? include("../common/menu.php"); ?>
    <div class="container">	  
      <div class="page-header">
    	<h1>Product Definitions <small> - You can add / update / product definitions using this page</small></h1>
      </div>	
      <div id = "alert_placeholder"></div>
      <div class="tabbable tabs-left"> <!-- Only required for left/right tabs -->
        <ul class="nav nav-tabs">
            <li class="active"><a href="#tab1" data-toggle="tab">Add Definitions</a></li> 
            <li><a href="#tab2" data-toggle="tab">Maintain Definitions</a></li>           	
        </ul>
        <div class="tab-content">
            <div class="tab-pane active" id="tab1">
            	<form class="form-horizontal">                    
                    <legend>Enter product definition related informations here</legend>
                    <br>
                    <b>Category &nbsp;</b><select name="category" id="category">
                    <option> -- Select One -- </option>
                    </select> &nbsp; <input type="button" class="btn" value="Add New"/>
                    <p style="text-align:right; padding-right:20px"><input type="button" class="btn btn-info" value="Add"/></p>
                    <table class="table table-striped">
                	<thead>
                    	<th>Label</th>
                        <th>Display Type</th>
                        <th>Default Data / More Info</th>        
                        <th>Delete</th>                
                    </thead>
                    <tbody>
                    	<tr>
                        	<td><input type="text" id="label" name="label" placeholder="Label"/></td>
                            <td><select name="displayType" id="displayType">
                                <option> -- Select One --</option>
                                <option> TextBox </option>
                                <option> TextArea </option>
                                <option> ComboBox </option>
                                <option> ListBox </option>
                                <option> Date </option>
                                <option> AutoComplete </option>
                             </select></td>
                            </td>
                            <td><input type="text" placeholder="Default Text"/></td>   
                            <td><i class="icon-remove"/></td>                         
                         </tr>
                         
                    </tbody> 
                </table>
                    
               </form>
        	</div> 
            <div class="tab-pane" id="tab2">
            	<legend>Product definition maintainance page</legend>
                
            </div>           
       </div>           
     </div>
  </body>
</html>
